import { defineView } from "@/routers/tools.mjs";

/**
 * @type {DefineView}
 */
const PlayDragView = defineView({
  controller: class PlayDragViewController {
    /**
     * @type {string[]}
     */
    static $inject = ["$scope", "$log", "$element"];

    /**
     * @param {ng.IScope} $scope
     * @param {ng.ILogService} $log
     * @param {JQLite} $element
     */
    constructor($scope, $log, $element) {
      this.$scope = $scope;
      this.$log = $log;
      this.$element = $element;
    }

    /**
     * @param {angular.IAngularEvent} event
     */
    handleClick = (event) => {
      console.log(PlayDragViewController.name, this.$scope);
    };
  },
  controllerAs: "PlayDragViewController",
  template: /* HTML */ html`
    <div class="container h-[600px] border">
      <div play-draggable>Drag ME</div>
    </div>
    ${DebugButtonHTML("PlayDragViewController")}
  `,
});

export default PlayDragView;
